import Link from "next/link"
import { CheckCircle } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"

// 注册成功页面组件
export default function RegistrationSuccessPage() {
  return (
    <div className="min-h-screen flex items-center justify-center p-4">
      <Card className="w-full max-w-md">
        <CardHeader className="text-center">
          <div className="flex justify-center mb-4">
            <CheckCircle className="h-16 w-16 text-green-500" />
          </div>
          <CardTitle className="text-2xl">注册成功！</CardTitle>
          <CardDescription>您的账号已成功创建。</CardDescription>
        </CardHeader>
        <CardContent className="text-center">
          <p className="mb-4">我们已向您的邮箱发送了验证邮件。请验证您的邮箱地址以完成注册流程。</p>
          <p className="text-sm text-muted-foreground">如果您没有看到邮件，请检查垃圾邮件文件夹。</p>
        </CardContent>
        <CardFooter className="flex justify-center">
          <Button asChild>
            <Link href="/login">前往登录</Link>
          </Button>
        </CardFooter>
      </Card>
    </div>
  )
}

